@import "~assets/styles/_bootstrap";

.pShopHead {

	.top {
		padding: rem(10px) rem(15px);
		height: rem(50px);
		color: #484767;
		background: $bgCol url(~assets/images/shop_header.png);
		background-size: 100% 100%;

		.img {
			position: absolute;
			top: rem(5px);
			left: rem(15px);
			width: rem(44px);
			height: rem(44px);
			background: #fff;
			border-radius: rem(22px);

			img {
				width: rem(44px);
				height: rem(44px);
				border-radius: rem(22px);
			}
		}

		h2 {
			overflow: hidden;
			margin: 0 0 0 rem(74px);
			float: left;
			width: rem(105px);
			height: 100%;
			font-size: rem(14px);
			font-weight: bold;
			line-height: rem(30px);
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.i1 {
			float: left;
			width: rem(55px);
			height: rem(30px);
			line-height: rem(30px);
			font-size: rem(20px);
			text-align: center;
			border-right: #ccc 1px solid;
			background: url(~assets/images/svg/shop_icon.svg) no-repeat center;
			background-size: rem(22px);
		}

		.i2 {
			float: left;
			width: rem(55px);
			height: rem(30px);
			line-height: rem(30px);
			font-size: rem(20px);
			text-align: center;
			background: url(~assets/images/svg/shop_resign.svg) no-repeat center;
			background-size: rem(23px);
		}

		span {
			float: left;
			font-size: rem(11px);
			line-height: rem(16px);
		}
	}

	.notes {
		overflow: hidden;
		height: rem(24px);
		line-height: rem(24px);
		background: #fff9cd;

		i {
			float: left;
			width: rem(34px);
			font-size: rem(18px);
			line-height: rem(24px);
			text-align: center;
		}

		.slides {
			margin-left: rem(34px);
			width: auto;
			height: rem(24px);
			font-size: rem(12px);

			.swiper-slide {
				background: #fff9cd;
			}
		}
	}
}